<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--360浏览器优先以webkit内核解析-->
    <title>山海管理系统</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
    <link href="../static/css/style.min.css" th:href="@{/css/style.min.css}" rel="stylesheet"/>
</head>

<body class="gray-bg">
    <div class="row border-bottom white-bg dashboard-header">
        <div class="col-sm-5">
            <h2>山海管理系统</h2>
            <p>山海管理系统是一套现代化的企业级管理平台，采用前沿技术栈，致力于提供最佳的用户体验和管理效率。系统设计理念源自中国古代《山海经》，寓意博大精深、包容万象。</p>
            <p>
                <b>当前版本：</b><span>v[[${version}]]</span>
            </p>
            <p>系统具备以下特点：</p>
            <ul>
                <li><i class="fa fa-check text-success"></i> 界面设计简洁美观，遵循直觉化的操作逻辑</li>
                <li><i class="fa fa-check text-success"></i> 权限管理精细，支持多级权限控制</li>
                <li><i class="fa fa-check text-success"></i> 功能模块丰富，满足企业多样化需求</li>
                <li><i class="fa fa-check text-success"></i> 高度可定制，支持灵活的业务扩展</li>
            </ul>
        </div>
        <div class="col-sm-4">
            <h4>技术架构：</h4>
            <ol>
                <li>核心框架：Spring Boot</li>
                <li>安全框架：Apache Shiro</li>
                <li>模板引擎：Thymeleaf</li>
                <li>持久层框架：MyBatis</li>
                <li>定时任务：Quartz</li>
                <li>数据库连接池：Druid</li>
                <li>工具类：Fastjson</li>
                <li>前端框架：Bootstrap</li>
            </ol>
        </div>
        <div class="col-sm-3">
            <h4>系统模块：</h4>
            <ol>
                <li>用户管理：用户是系统操作者，该功能主要完成系统用户配置。</li>
                <li>部门管理：配置系统组织机构（公司、部门、小组），树结构展现支持数据权限。</li>
                <li>岗位管理：配置系统用户所属担任职务。</li>
                <li>菜单管理：配置系统菜单，操作权限，按钮权限标识等。</li>
                <li>角色管理：角色菜单权限分配、设置角色按机构进行数据范围权限划分。</li>
                <li>字典管理：对系统中经常使用的一些较为固定的数据进行维护。</li>
                <li>参数管理：对系统动态配置常用参数。</li>
            </ol>
        </div>
    </div>
    <div class="wrapper wrapper-content">
        <div class="row">
            <div class="col-sm-4">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>系统监控</h5>
                    </div>
                    <div class="ibox-content">
                        <p><i class="fa fa-line-chart"></i> 实时监控系统运行状态</p>
                        <p><i class="fa fa-server"></i> 服务器资源使用情况</p>
                        <p><i class="fa fa-database"></i> 数据库连接池状态</p>
                        <p><i class="fa fa-tasks"></i> 定时任务执行记录</p>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>安全防护</h5>
                    </div>
                    <div class="ibox-content">
                        <p><i class="fa fa-shield"></i> 完善的XSS防御</p>
                        <p><i class="fa fa-lock"></i> SQL注入防护</p>
                        <p><i class="fa fa-key"></i> 密码安全加密</p>
                        <p><i class="fa fa-file-code-o"></i> 代码自动生成</p>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>扩展功能</h5>
                    </div>
                    <div class="ibox-content">
                        <p><i class="fa fa-paper-plane"></i> 站内消息通知</p>
                        <p><i class="fa fa-file-text"></i> 附件上传下载</p>
                        <p><i class="fa fa-area-chart"></i> 数据可视化</p>
                        <p><i class="fa fa-language"></i> 多语言支持</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
